
.ml20 {
  margin-left: @space * 2;
}
.w200 {
  width: @size * 2;
}
.caggiage-top-title {
  padding-left: @space;
  margin-bottom: @space;
  height: @space * 3.2;
  font-size: @big;
  .flexLeft();
  background-color: #EAF8FE;
  .icon {
    margin-right: @space / 2;
    color: #2DB7F5;
  }
}
.operation-caggiage {
  .mb0 {
    margin-bottom: 0!important;
  }
  .ivu-tabs {
    height: @size * 8;
  }
  .temp-contain {
    background-color: #fff;
    margin-top: -@size * 0.06;
    .temp-btn {
      margin: @size * .1 0 @size * .2 @size * .2;
    }
    .ivu-alert {
      margin-bottom: 0;
    }
  }
  .ivu-tabs-bar {
    padding-left: @space;
  }
}
.caggiage-goods-modal {
  margin: 0 @space;
  .ivu-modal {
    margin-bottom: 0;
  }
  .w500 {
    width: @size * 5;
  }
  .min-w1200 {
    min-width: @size * 12;
  }
  .red {
    color: red;
    font-size: 14px;
  }
  .distributor-list {
    width: 60%;
    line-height: @size * 0.24;
    color: red;
    font-size: 14px;
    margin-top: @space * 2;
  }
  .form-content {
    font-size: @big;
    .ivu-form-item-content, .ivu-radio-wrapper {
      font-size: @big;
    }
  }
  .table-top {
    padding-left: @space / 2;
    background-color: #f8f8f9;
    border: 1px solid #e8eaec;
    border-bottom: none;
    padding-bottom: @space;
    padding-top: @space;
    .bottom {
      height: @space * 5;
      .flexLeft();
    }
  }
}
.dealer-change-modal {
  .address-change-box {
    .flexLeft()
  }
  .dealer-change-box {
    display: flex;
    margin: @space 0;
    position: relative;
    .tab {
      width: @size * 3.2;
      height: @size * .4;
      padding: 0 @space;
      .flexBetween();
      border: @space * 0.1 solid #dddee1;
      .cancel-info {
        cursor: pointer;
        &:hover{
          color: @mainColor;
        }
      }
    }
    .content {
      width: @size * 3.2;
      height: @size * 5.5;
      padding: 0;
      border: @space * 0.1 solid #dddee1;
      border-top: @space * 0.1 solid transparent;
      background-color: @white;
      overflow-Y: scroll;
      ul {
        li {
          height: @size * .4;
          line-height: @size * .4;
          padding-left: @space;
          border-bottom: @space * 0.1 solid #dddee1;
          cursor: pointer;
          &.checkboxed-li {
            color: #409eff;
          }
          &.disabled-li {
            color: #C0C4CC;
            cursor: not-allowed;
          }
          .check-span {
            position: relative;
            margin-right: @space;
            display: inline-block;
            width: 14px;
            height: 14px;
            border: 1px solid #dcdfe6;
            border-radius: 2px;
            box-sizing: border-box;
            margin-top: -2px;
            vertical-align: middle;
          }
          .checked-span {
            background-color: #409eff;
            border-color: #409eff;
            &::after {
              box-sizing: content-box;
              content: "";
              border: 1px solid #fff;
              border-left: 0;
              border-top: 0;
              height: 7px;
              left: 4px;
              position: absolute;
              top: 1px;
              transform: rotate(45deg) scaleY(1);
              width: 3px;
              transition: transform .15s ease-in .05s;
              transform-origin: center;
            }
          }
          .check-disable {
            background-color: #F2F6FC;
            border-color: #DCDFE6;
            cursor: not-allowed;
            &::after{
              border-color: #C0C4CC;
            }
          }
        }
      }
    }
  }
}